<table class="table table-striped table-bordered table-hover nomargin-bottom">
	<thead>
		<tr>
			<th class="center">姓名</th>
			<th class="center">归属机构</th>
			<th class="center">角色</th>
			<th class="center">电话</th>
			<th class="center">邮箱</th>
			<th class="center">最后登录IP</th>
			<th class="center">最后登录时间</th>
			<th class="center">操作</th>
		</tr>
	</thead>

	<tbody>
		@for(item in page.list){
			<tr>
				<td class="center">
				<a href="javascript:;" 
						data-title="<${item.name!}>详情" data-mode="detail"
						data-url="${ctxPath}/sysuser/detail/showlayer"
						data-data="{id:'${item.id}'}"
					>${item.name!}</a>
				</td>
				<td class="center">
					@var sostr = office.getOfficeStrByOfficeId(item.officeId);
					@if(!isEmpty(sostr)){
					&nbsp;(${sostr})
					@}
				</td>
				<td class="center">${item.roles!}</td>
				<td class="center">${item.mobile!}</td>
				<td class="center">${item.email!}</td>
				<td class="center">${item.loginIp!}</td>
				<td class="center">${item.loginDate!,dateFormat="yyyy-MM-dd HH:mm:ss"}</td>
				<td class="center">
					<div class="hidden-sm hidden-xs action-buttons">
						
						<a class="green" href="javascript:void(0);" title="编辑"
							data-mode="page" data-title="${item.name!}编辑"
							data-url="${ctxPath}/sysuser/edit/showlayer"
							data-data="{id:'${item.id}'}" data-width="50%">
							<i class="ace-icon fa fa-pencil bigger-130"></i>
						</a>

						<a class="red" href="javascript:void(0);" title="删除"
							data-mode="del" data-title="删除操作"
							data-msg="你确定删除此数据吗?"
							data-url="${ctxPath}/sysuser/delete" data-data="{id:'${item.id}'}">
							<i class="ace-icon fa fa-trash-o bigger-130"></i>
						</a>
					</div>
				</td>
			</tr>
		@}
	</tbody>
</table>
<div class="space-8"></div>
<#paginate page="${page}" />